<template>
	<view>
		<navbar title="消息详情" :back="true" />
		<view class="p-20">
			
			<view class="item">{{info.title}}</view>
			<view class=""> <view class="time">{{info.addTime}}</view></view>
			
			<u-parse class="p-20 p-t-20" :content="info.text" :domain="domain"></u-parse>
		</view>
		
	</view>	
</template>

<script>
	import navbar from '@/components/baseNavbar.vue'
	import {getInfoDetail} from '@/api/userInfo.js'
	import {
		STATIC_URL
	} from '@/config/app';
	export default{
		components: {
			navbar
		},
		data(){
			return{
				info:{},
				domain: '',
			}
		},
		onShow() {
			
		},
		onLoad(option) {
			this.domain = STATIC_URL;
			if(option.id)
			{
				getInfoDetail({id:option.id}).then(res=>{
					this.info=res.data
				})
			}
		},
		methods:{
			
		}
	}
</script>

<style scoped lang="scss">
	.item{
		font-size: 36rpx;
		font-weight: 550;
	}
	
	.time{
		color: #999999;
		line-height: 100rpx;
	}
	.msg{
		padding: 10rpx 20rpx;
		background-color: #f6f6f6;
		
		
	}
</style>
